import { chartEncaps } from './chartEncaps.js'

let drawz4 = obj => {
  // obj = {
  //   _t: this,
  //   doms: 'mycharts
  // }
  chartEncaps.initCanvas({ _t: obj._t, doms: obj.doms })
  if (obj._t.chartsConData.autoFit) {
    chartEncaps.setDisplay({ doms: obj.doms, display: 'block' })
  } else {
    chartEncaps.setDisplay({ doms: obj.doms, display: 'table' })
  }
  obj._t.chart.data(chartEncaps.dealWithData({ _t: obj._t }))
  obj._t.chart.coordinate().transpose()
  obj._t.chart.tooltip({
    showTitle: false,
    showMarkers: false
  })
  chartEncaps.setLegend({ _t: obj._t, data: 'label' })
  chartEncaps.handleTickCount({
    _t: obj._t,
    data: { field: 'label', value: 'value' }
  })
  obj._t.chart.interaction('active-region')
  obj._t.chart
    .interval()
    .position('label*value')
    .color('label', obj._t.chartsConData.themeColor)
    .label('value', {
      style: {
        fill: '#555',
        fontSize: obj._t.chartsConData.textSize // 文本大小
      }
      // offset: obj._t.chartsConData.offset // 偏移量大小
    })
  obj._t.chart.render()
  obj._t.setLoading(false)
  obj._t.setshadeDisplay(true)
}

export { drawz4 }
